<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美福环球 - L1签证自评问卷</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
    <style>
        /* 所有样式已在index_html.html中定义，这里仅包含特定于问卷页面的逻辑 */
        /* 完整样式请参考index_html.html中的style标签 */
    </style>
</head>
<body>
    <div class="questionnaire">
        <div class="container">
            <div class="questionnaire-header">
                <h1 class="questionnaire-title">美国L1签证资格自评</h1>
                <p class="questionnaire-description">请完成以下问卷，我们将为您评估L1签证申请成功率并提供专业建议</p>
            </div>
            
            <div class="section-nav">
                <div class="section-nav-inner">
                    <button class="section-btn current" id="section-btn-personal">
                        <span class="section-btn-icon">1</span> 个人背景
                    </button>
                    <button class="section-btn disabled" id="section-btn-chineseCompany">
                        <span class="section-btn-icon">2</span> 中国公司
                    </button>
                    <button class="section-btn disabled" id="section-btn-usCompany">
                        <span class="section-btn-icon">3</span> 美国公司
                    </button>
                </div>
            </div>
            
            <!-- 个人背景部分 -->
            <div class="question-section" id="section-personal">
                <div class="section-header">
                    <h2 class="section-title">个人背景信息</h2>
                    <p class="section-description">请提供您的个人背景信息，包括教育背景、工作经历和管理职责等。</p>
                </div>
                
                <div class="progress-bar-container">
                    <div class="progress-bar-header">
                        <span class="progress-bar-label">完成进度</span>
                        <span class="progress-bar-percent" id="progress-percent-personal">0%</span>
                    </div>
                    <div class="progress-bar-track">
                        <div class="progress-bar-fill" id="progress-fill-personal" style="width: 0%"></div>
                    </div>
                </div>
                
                <div class="questions-container">
                    <!-- 问题1 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">在职年限</h3>
                            <p class="question-note">根据美国移民法INA 214(c)(2)条款，L1签证申请人需在申请前3年内至少在关联公司连续任职1年以上，这是基本申请资格要求</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q1" data-option="q1a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">少于1年</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q1" data-option="q1b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">1-3年</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q1" data-option="q1c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">3年以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题2 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">任职管理岗位职级</h3>
                            <p class="question-note">美国移民局要求L1申请人需证明具备实际管理职责，包括监督其他员工、制定公司政策或管理部门运营，需提供组织架构图证明管理层级</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q2" data-option="q2a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">其他高级经理</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q2" data-option="q2b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">总监/总经理</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q2" data-option="q2c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">总裁</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题3 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">最高学历</h3><p class="question-note">虽然L1签证对学历没有严格要求，但较高学历通常被移民官视为申请人专业能力的证明，尤其对于高科技或专业领域的企业高管</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q3" data-option="q3a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">高中/专科</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q3" data-option="q3b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">本科</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q3" data-option="q3c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">硕士或以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题4 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">是否有过个人的荣誉奖项</h3>
                            <p class="question-note">行业内的荣誉奖项是证明申请人专业能力和行业认可度的重要依据，尤其国际级和国家级奖项对申请有显著加分作用</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q4" data-option="q4a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">国际级</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q4" data-option="q4b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">国家级</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q4" data-option="q4c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">省市级</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q4" data-option="q4d">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">否</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题5 - 多选题 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">是否有过媒体报道，刊登在期刊，报纸等媒体上</h3>
                            <p class="question-note">媒体报道能有效证明申请人在行业内的知名度和影响力，是L1签证申请中的重要加分材料，需提供报道原文或链接作为证明</p>
                            <p class="question-hint">提示：可选择多个选项，选择"否"将清空其他选项</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q5" data-option="q5a" data-multiple="true">
                                <div class="option-content">
                                    <div class="option-checkbox"></div>
                                    <div>
                                        <p class="option-text">电视</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q5" data-option="q5b" data-multiple="true">
                                <div class="option-content">
                                    <div class="option-checkbox"></div>
                                    <div>
                                        <p class="option-text">纸媒期刊</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q5" data-option="q5c" data-multiple="true">
                                <div class="option-content">
                                    <div class="option-checkbox"></div>
                                    <div>
                                        <p class="option-text">网媒或其他</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q5" data-option="q5d" data-multiple="true">
                                <div class="option-content">
                                    <div class="option-checkbox"></div>
                                    <div>
                                        <p class="option-text">否</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 中国公司情况部分 (默认隐藏) -->
            <div class="question-section" id="section-chineseCompany" style="display: none;">
                <div class="section-header">
                    <h2 class="section-title">中国公司情况</h2>
                    <p class="section-description">请提供中国母公司的详细信息，包括成立时间、规模和业务状况等。</p>
                </div>
                
                <div class="progress-bar-container">
                    <div class="progress-bar-header">
                        <span class="progress-bar-label">完成进度</span>
                        <span class="progress-bar-percent" id="progress-percent-chineseCompany">0%</span>
                    </div>
                    <div class="progress-bar-track">
                        <div class="progress-bar-fill" id="progress-fill-chineseCompany" style="width: 0%"></div>
                    </div>
                </div>
                
                <div class="questions-container">
                    <!-- 问题6 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">国内（母）公司的成立年限</h3>
                            <p class="question-note">美国移民局通常认为成立5年以上的企业具有更强的稳定性和持续运营能力，这对证明跨国公司关系的真实性至关重要</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q6" data-option="q6a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">1-3年</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q6" data-option="q6b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">4-5年</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q6" data-option="q6c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">5年以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题7 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">国内（母）公司的人员规模</h3>
                            <p class="question-note">企业人员规模是衡量公司实力的重要指标，50人以上的员工规模通常被视为具有实质性业务的证明，需提供员工名册和社保记录作为证明</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q7" data-option="q7a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">5-10人以下</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q7" data-option="q7b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">11-50人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q7" data-option="q7c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">50人以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题8 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">国内（母）公司是否有官方网站</h3>
                            <p class="question-note">官方网站是企业存在和业务真实性的基本证明，移民官常通过网站评估公司业务范围、规模和市场定位，建议网站包含详细的公司介绍和联系方式</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q8" data-option="q8a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">是</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q8" data-option="q8b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">否</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题9 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">是否有跨国合作业务，主要合作的国家</h3>
                            <p class="question-note">跨国合作经验表明企业具备国际业务能力，与美国的合作关系尤其重要，能证明在美国设立分支机构的必要性和可行性</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q9" data-option="q9a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">美加</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q9" data-option="q9b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">欧洲</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q9" data-option="q9c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">东南亚或其他</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q9" data-option="q9d">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">否</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题10 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">国内（母）公司近3年的平均年营业额</h3>
                            <p class="question-note">年营业额是衡量企业规模和业务实力的核心指标，移民局通常要求母公司具备足够的资金实力支持美国子公司运营，需提供经审计的财务报表</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q10" data-option="q10a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">￥100w以下</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q10" data-option="q10b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">￥100-500w</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q10" data-option="q10c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">￥500w以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题11 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">国内（母）公司的近3年的平均利润</h3>
                            <p class="question-note">盈利能力是企业可持续发展的关键证明，较高的利润水平表明公司有能力支持美国业务扩张，移民局会重点审查利润趋势和稳定性</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q11" data-option="q11a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">￥100w以下</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q11" data-option="q11b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">￥100-500w</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q11" data-option="q11c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">￥500w以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题12 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">国内（母）有还开设其他子母公司、分公司的数量</h3>
                            <p class="question-note">多实体运营结构表明企业具备扩张能力和管理经验，是评估申请人是否有能力建立和运营美国子公司的重要依据，需提供股权结构证明</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q12" data-option="q12a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">无</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q12" data-option="q12b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">1-5家</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q12" data-option="q12c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">5家以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 美国公司情况部分 (默认隐藏) -->
            <div class="question-section" id="section-usCompany" style="display: none;">
                <div class="section-header">
                    <h2 class="section-title">美国公司情况</h2>
                    <p class="section-description">请提供美国关联公司的相关信息，如尚未成立，请选择"否"。</p>
                </div>
                
                <div class="progress-bar-container">
                    <div class="progress-bar-header">
                        <span class="progress-bar-label">完成进度</span>
                        <span class="progress-bar-percent" id="progress-percent-usCompany">0%</span>
                    </div>
                    <div class="progress-bar-track">
                        <div class="progress-bar-fill" id="progress-fill-usCompany" style="width: 0%"></div>
                    </div>
                </div>
                
                <div class="questions-container">
                    <!-- 问题13 -->
                    <div class="question-item">
                        <div class="question-header">
                            <h3 class="question-text">是否已注册美国境内公司</h3>
                            <p class="question-note">L1签证要求必须存在合格的美国关联公司，可为子公司、分公司或合资企业，需提供公司注册文件和股权证明</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q13" data-option="q13a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">是</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q13" data-option="q13b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">否</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题14 (依赖问题13) -->
                    <div class="question-item" id="q14-container" style="display: none;">
                        <div class="question-header">
                            <h3 class="question-text">美国公司是否有实际办公地点</h3>
                            <p class="question-note">实际办公场所是证明美国公司真实运营的核心证据，需提供租赁协议、办公照片和公用事业账单，虚拟办公地址通常不被移民局接受</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q14" data-option="q14a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">是</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q14" data-option="q14b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">否</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题15 (依赖问题13) -->
                    <div class="question-item" id="q15-container" style="display: none;">
                        <div class="question-header">
                            <h3 class="question-text">美国公司成立的年限</h3>
                            <p class="question-note">运营历史较长的美国公司更能证明业务的稳定性和真实性，移民局通常对新成立公司会进行更严格的审查</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q15" data-option="q15a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">1年以下</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q15" data-option="q15b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">1-3年</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q15" data-option="q15c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">3年以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题16 (依赖问题13) -->
                    <div class="question-item" id="q16-container" style="display: none;">
                        <div class="question-header">
                            <h3 class="question-text">美国公司是否有公司官网</h3>
                            <p class="question-note">官方网站是美国公司业务真实性的重要证明，应包含详细的产品/服务介绍、管理团队信息和联系方式，反映与中国母公司的关联关系</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q16" data-option="q16a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">是</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q16" data-option="q16b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">否</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题17 (依赖问题13) -->
                    <div class="question-item" id="q17-container" style="display: none;">
                        <div class="question-header">
                            <h3 class="question-text">美国公司的人员规模</h3>
                            <p class="question-note">美国公司的人员规模反映业务真实性和运营需求，有本地员工通常更有利于申请获批，需提供员工雇佣合同和薪资记录</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q17" data-option="q17a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">无</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q17" data-option="q17b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">1-5人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q17" data-option="q17c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">5人以上</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 问题18 (依赖问题13) -->
                    <div class="question-item" id="q18-container" style="display: none;">
                        <div class="question-header">
                            <h3 class="question-text">美国公司与国内公司的关联关系</h3>
                            <p class="question-note">中美公司需证明存在合法的关联关系，母子公司或总分公司结构最为理想，需提供股权证明、董事会决议等法律文件</p>
                        </div>
                        <div class="options-grid">
                            <div class="option-item" data-question="q18" data-option="q18a">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">母子公司</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q18" data-option="q18b">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">分公司</p>
                                    </div>
                                </div>
                            </div>
                            <div class="option-item" data-question="q18" data-option="q18c">
                                <div class="option-content">
                                    <div class="option-radio"></div>
                                    <div>
                                        <p class="option-text">其他</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="navigation-buttons">
                <button class="nav-btn prev-btn" id="prev-btn" disabled>
                    <i class="fas fa-arrow-left nav-btn-icon"></i> 上一步
                </button>
                <button class="nav-btn next-btn" id="next-btn" disabled>
                    下一步 <i class="fas fa-arrow-right nav-btn-icon"></i>
                </button>
            </div>
            
            <div class="helper-text">
                <p><i class="fas fa-shield helper-text-icon"></i> 隐私保护声明：您的所有信息仅用于本次评估，不会上传至服务器或与第三方共享</p>
                <p><i class="fas fa-info-circle helper-text-icon"></i> 本评估结果仅供参考，不构成法律或移民建议</p>
            </div>
        </div>
    </div>

    <script>
        // 问卷数据
        const questionsData = {
            personal: [
                { id: 'q1', type: 'single' },
                { id: 'q2', type: 'single' },
                { id: 'q3', type: 'single' },
                { id: 'q4', type: 'single' },
                { id: 'q5', type: 'multiple' }
            ],
            chineseCompany: [
                { id: 'q6', type: 'single' },
                { id: 'q7', type: 'single' },
                { id: 'q8', type: 'single' },
                { id: 'q9', type: 'single' },
                { id: 'q10', type: 'single' },
                { id: 'q11', type: 'single' },
                { id: 'q12', type: 'single' }
            ],
            usCompany: [
                { id: 'q13', type: 'single', dependsOn: null },
                { id: 'q14', type: 'single', dependsOn: { questionId: 'q13', optionId: 'q13a' } },
                { id: 'q15', type: 'single', dependsOn: { questionId: 'q13', optionId: 'q13a' } },
                { id: 'q16', type: 'single', dependsOn: { questionId: 'q13', optionId: 'q13a' } },
                { id: 'q17', type: 'single', dependsOn: { questionId: 'q13', optionId: 'q13a' } },
                { id: 'q18', type: 'single', dependsOn: { questionId: 'q13', optionId: 'q13a' } }
            ]
        };
        
        // 选项评分数据
        const optionScores = {
            q1: {
                q1a: { score: 30, grade: 'C' },
                q1b: { score: 70, grade: 'B' },
                q1c: { score: 100, grade: 'S' }
            },
            q2: {
                q2a: { score: 60, grade: 'B' },
                q2b: { score: 85, grade: 'A' },
                q2c: { score: 100, grade: 'S' }
            },
            q3: {
                q3a: { score: 60, grade: 'B' },
                q3b: { score: 80, grade: 'A' },
                q3c: { score: 100, grade: 'S' }
            },
            q4: {
                q4a: { score: 100, grade: 'S' },
                q4b: { score: 85, grade: 'A' },
                q4c: { score: 70, grade: 'B' },
                q4d: { score: 50, grade: 'C' }
            },
            q5: {
                q5a: { score: 90, grade: 'A' },
                q5b: { score: 80, grade: 'A' },
                q5c: { score: 65, grade: 'B' },
                q5d: { score: 50, grade: 'C' }
            },
            q6: {
                q6a: { score: 60, grade: 'B' },
                q6b: { score: 80, grade: 'A' },
                q6c: { score: 100, grade: 'S' }
            },
            q7: {
                q7a: { score: 50, grade: 'C' },
                q7b: { score: 75, grade: 'B' },
                q7c: { score: 100, grade: 'S' }
            },
            q8: {
                q8a: { score: 80, grade: 'A' },
                q8b: { score: 50, grade: 'C' }
            },
            q9: {
                q9a: { score: 100, grade: 'S' },
                q9b: { score: 85, grade: 'A' },
                q9c: { score: 70, grade: 'B' },
                q9d: { score: 50, grade: 'C' }
            },
            q10: {
                q10a: { score: 50, grade: 'C' },
                q10b: { score: 75, grade: 'B' },
                q10c: { score: 100, grade: 'S' }
            },
            q11: {
                q11a: { score: 50, grade: 'C' },
                q11b: { score: 75, grade: 'B' },
                q11c: { score: 100, grade: 'S' }
            },
            q12: {
                q12a: { score: 50, grade: 'C' },
                q12b: { score: 75, grade: 'B' },
                q12c: { score: 100, grade: 'S' }
            },
            q13: {
                q13a: { score: 100, grade: 'S' },
                q13b: { score: 0, grade: 'C' }
            },
            q14: {
                q14a: { score: 100, grade: 'S' },
                q14b: { score: 40, grade: 'C' }
            },
            q15: {
                q15a: { score: 60, grade: 'B' },
                q15b: { score: 85, grade: 'A' },
                q15c: { score: 100, grade: 'S' }
            },
            q16: {
                q16a: { score: 80, grade: 'A' },
                q16b: { score: 50, grade: 'C' }
            },
            q17: {
                q17a: { score: 40, grade: 'C' },
                q17b: { score: 70, grade: 'B' },
                q17c: { score: 100, grade: 'S' }
            },
            q18: {
                q18a: { score: 100, grade: 'S' },
                q18b: { score: 80, grade: 'A' },
                q18c: { score: 50, grade: 'C' }
            }
        };
        
        // 当前状态
        let currentSection = 'personal';
        let answers = {};
        
        // 初始化
        function init() {
            // 从localStorage加载答案
            const savedAnswers = localStorage.getItem('questionnaireAnswers');
            if (savedAnswers) {
                try {
                    answers = JSON.parse(savedAnswers);
                    // 更新UI显示已保存的答案
                    updateUIWithSavedAnswers();
                } catch (e) {
                    console.error('Failed to load saved answers:', e);
                }
            }
            
            // 添加选项点击事件监听
            document.querySelectorAll('.option-item').forEach(item => {
                item.addEventListener('click', handleOptionClick);
            });
            
            // 添加导航按钮事件监听
            document.getElementById('prev-btn').addEventListener('click', goToPrevSection);
            document.getElementById('next-btn').addEventListener('click', goToNextSection);
            
            // 添加部分切换按钮事件监听
            document.getElementById('section-btn-personal').addEventListener('click', () => switchSection('personal'));
            document.getElementById('section-btn-chineseCompany').addEventListener('click', () => switchSection('chineseCompany'));
            document.getElementById('section-btn-usCompany').addEventListener('click', () => switchSection('usCompany'));
            
            // 检查问题依赖
            checkQuestionDependencies();
            
            // 计算并更新进度
            updateProgress();
            
            // 检查是否可以进入下一部分
            checkNavigationButtons();
        }
        
        // 处理选项点击
        function handleOptionClick(event) {
            const optionItem = event.currentTarget;
            const questionId = optionItem.dataset.question;
            const optionId = optionItem.dataset.option;
            const isMultiple = optionItem.dataset.multiple === 'true';
            
            // 处理多选题
            if (isMultiple) {
                // 检查是否是"否"选项（q5d）
                const isNoOption = questionId === 'q5' && optionId === 'q5d';
                
                if (isNoOption) {
                    // 如果是"否"选项，清空其他选项
                    document.querySelectorAll(`[data-question="${questionId}"]`).forEach(item => {
                        item.classList.remove('selected');
                        const checkbox = item.querySelector('.option-checkbox');
                        checkbox.innerHTML = '';
                    });
                    
                    // 选中"否"选项
                    optionItem.classList.add('selected');
                    const checkbox = optionItem.querySelector('.option-checkbox');
                    checkbox.innerHTML = '<i class="fas fa-check text-xs"></i>';
                    
                    // 更新答案
                    answers[questionId] = [optionId];
                } else {
                    // 检查"否"选项是否已被选中
                    const noOption = document.querySelector(`[data-question="${questionId}"][data-option="q5d"]`);
                    if (noOption && noOption.classList.contains('selected')) {
                        // 取消选中"否"选项
                        noOption.classList.remove('selected');
                        const noCheckbox = noOption.querySelector('.option-checkbox');
                        noCheckbox.innerHTML = '';
                    }
                    
                    // 切换当前选项的选中状态
                    if (optionItem.classList.contains('selected')) {
                        optionItem.classList.remove('selected');
                        const checkbox = optionItem.querySelector('.option-checkbox');
                        checkbox.innerHTML = '';
                        
                        // 从答案中移除
                        if (answers[questionId] && Array.isArray(answers[questionId])) {
                            answers[questionId] = answers[questionId].filter(id => id !== optionId);
                            if (answers[questionId].length === 0) {
                                delete answers[questionId];
                            }
                        }
                    } else {
                        optionItem.classList.add('selected');
                        const checkbox = optionItem.querySelector('.option-checkbox');
                        checkbox.innerHTML = '<i class="fas fa-check text-xs"></i>';
                        
                        // 添加到答案中
                        if (!answers[questionId] || !Array.isArray(answers[questionId])) {
                            answers[questionId] = [optionId];
                        } else if (!answers[questionId].includes(optionId)) {
                            answers[questionId].push(optionId);
                        }
                    }
                }
            } else {
                // 处理单选题
                document.querySelectorAll(`[data-question="${questionId}"]`).forEach(item => {
                    item.classList.remove('selected');
                    const radio = item.querySelector('.option-radio');
                    radio.innerHTML = '';
                });
                
                optionItem.classList.add('selected');
                const radio = optionItem.querySelector('.option-radio');
                radio.innerHTML = '<div class="radio-inner"></div>';
                
                // 更新答案
                answers[questionId] = optionId;
                
                // 添加等级和分数显示
                const scoreInfo = optionScores[questionId][optionId];
                if (scoreInfo) {
                    let gradeElement = optionItem.querySelector('.option-grade');
                    if (!gradeElement) {
                        gradeElement = document.createElement('span');
                        gradeElement.className = 'option-grade';
                        
                        // 设置不同等级的颜色
                        let bgColor, textColor;
                        switch (scoreInfo.grade) {
                            case 'S':
                                bgColor = '#4ade80';
                                textColor = '#0f766e';
                                break;
                            case 'A':
                                bgColor = '#60a5fa';
                                textColor = '#0f766e';
                                break;
                            case 'B':
                                bgColor = '#facc15';
                                textColor = '#7c2d12';
                                break;
                            case 'C':
                                bgColor = '#f87171';
                                textColor = '#7c2d12';
                                break;
                            default:
                                bgColor = '#d1d5db';
                                textColor = '#4b5563';
                        }
                        
                        gradeElement.style.backgroundColor = bgColor;
                        gradeElement.style.color = textColor;
                        optionItem.querySelector('.option-content > div:last-child').appendChild(gradeElement);
                    }
                    gradeElement.textContent = `${scoreInfo.grade}级 - ${scoreInfo.score}分`;
                }
            }
            
            // 保存答案到localStorage
            saveAnswers();
            
            // 检查问题依赖
            checkQuestionDependencies();
            
            // 更新进度
            updateProgress();
            
            // 检查导航按钮状态
            checkNavigationButtons();
        }
        
        // 检查问题依赖
        function checkQuestionDependencies() {
            // 处理美国公司部分的依赖问题
            const q13Answer = answers['q13'];
            
            // 问题14-18依赖于问题13的答案
            const dependentQuestions = ['q14', 'q15', 'q16', 'q17', 'q18'];
            
            dependentQuestions.forEach(qId => {
                const container = document.getElementById(`${qId}-container`);
                if (container) {
                    if (q13Answer === 'q13a') {
                        container.style.display = 'block';
                    } else {
                        container.style.display = 'none';
                        // 清除依赖问题的答案
                        delete answers[qId];
                    }
                }
            });
        }
        
        // 更新进度
        function updateProgress() {
            // 获取当前部分的问题
            const sectionQuestions = questionsData[currentSection];
            
            // 计算可见问题数量（考虑依赖）
            let visibleQuestionsCount = 0;
            let answeredQuestionsCount = 0;
            
            sectionQuestions.forEach(question => {
                // 检查是否满足依赖条件
                let isVisible = true;
                if (question.dependsOn) {
                    const dependencyAnswer = answers[question.dependsOn.questionId];
                    isVisible = dependencyAnswer === question.dependsOn.optionId;
                }
                
                if (isVisible) {
                    visibleQuestionsCount++;
                    
                    // 检查是否已回答
                    const answer = answers[question.id];
                    if (question.type === 'multiple') {
                        if (Array.isArray(answer) && answer.length > 0) {
                            answeredQuestionsCount++;
                        }
                    } else {
                        if (answer !== undefined && answer !== null) {
                            answeredQuestionsCount++;
                        }
                    }
                }
            });
            
            // 计算进度百分比
            let progressPercentage = 0;
            if (visibleQuestionsCount > 0) {
                progressPercentage = Math.round((answeredQuestionsCount / visibleQuestionsCount) * 100);
            } else {
                progressPercentage = 100;
            }
            
            // 更新进度条
            const progressFill = document.getElementById(`progress-fill-${currentSection}`);
            const progressPercent = document.getElementById(`progress-percent-${currentSection}`);
            
            if (progressFill && progressPercent) {
                progressFill.style.width = `${progressPercentage}%`;
                progressPercent.textContent = `${progressPercentage}%`;
            }
        }
        
        // 检查导航按钮状态
        function checkNavigationButtons() {
            const prevBtn = document.getElementById('prev-btn');
            const nextBtn = document.getElementById('next-btn');
            
            // 上一步按钮
            if (currentSection === 'personal') {
                prevBtn.disabled = true;
            } else {
                prevBtn.disabled = false;
            }
            
            // 下一步按钮
            // 获取当前部分的问题
            const sectionQuestions = questionsData[currentSection];
            
            // 计算可见问题数量和已回答数量
            let visibleQuestionsCount = 0;
            let answeredQuestionsCount = 0;
            
            sectionQuestions.forEach(question => {
                // 检查是否满足依赖条件
                let isVisible = true;
                if (question.dependsOn) {
                    const dependencyAnswer = answers[question.dependsOn.questionId];
                    isVisible = dependencyAnswer === question.dependsOn.optionId;
                }
                
                if (isVisible) {
                    visibleQuestionsCount++;
                    
                    // 检查是否已回答
                    const answer = answers[question.id];
                    if (question.type === 'multiple') {
                        if (Array.isArray(answer) && answer.length > 0) {
                            answeredQuestionsCount++;
                        }
                    } else {
                        if (answer !== undefined && answer !== null) {
                            answeredQuestionsCount++;
                        }
                    }
                }
            });
            
            // 只有当所有可见问题都已回答时，才能进入下一部分
            nextBtn.disabled = visibleQuestionsCount > 0 && answeredQuestionsCount < visibleQuestionsCount;
            
            // 如果是最后一部分，更改按钮文本为"提交评估"
            if (currentSection === 'usCompany') {
                nextBtn.innerHTML = '提交评估 <i class="fas fa-arrow-right nav-btn-icon"></i>';
                // 提交按钮的点击事件会在goToNextSection函数中处理
            } else {
                nextBtn.innerHTML = '下一步 <i class="fas fa-arrow-right nav-btn-icon"></i>';
            }
        }
        
        // 切换到指定部分
        function switchSection(section) {
            // 检查是否可以切换到该部分（只能切换到已完成或当前部分）
            if (section === 'personal' || 
                (section === 'chineseCompany' && currentSection !== 'personal') || 
                (section === 'usCompany' && currentSection !== 'personal' && currentSection !== 'chineseCompany')) {
                
                // 隐藏所有部分
                document.getElementById('section-personal').style.display = 'none';
                document.getElementById('section-chineseCompany').style.display = 'none';
                document.getElementById('section-usCompany').style.display = 'none';
                
                // 显示指定部分
                document.getElementById(`section-${section}`).style.display = 'block';
                
                // 更新当前部分
                currentSection = section;
                
                // 更新部分导航按钮状态
                updateSectionButtons();
                
                // 检查导航按钮状态
                checkNavigationButtons();
                
                // 滚动到页面顶部
                window.scrollTo({ top: 0, behavior: 'smooth' });
            }
        }
        
        // 更新部分导航按钮状态
        function updateSectionButtons() {
            const sectionButtons = {
                personal: document.getElementById('section-btn-personal'),
                chineseCompany: document.getElementById('section-btn-chineseCompany'),
                usCompany: document.getElementById('section-btn-usCompany')
            };
            
            // 重置所有按钮状态
            Object.values(sectionButtons).forEach(btn => {
                btn.className = 'section-btn disabled';
            });
            
            // 更新当前部分按钮
            sectionButtons[currentSection].className = 'section-btn current';
            
            // 更新已完成部分按钮
            if (currentSection === 'chineseCompany' || currentSection === 'usCompany') {
                sectionButtons.personal.className = 'section-btn completed';
                sectionButtons.personal.innerHTML = '<i class="fas fa-check mr-2"></i> 个人背景';
            }
            
            if (currentSection === 'usCompany') {
                sectionButtons.chineseCompany.className = 'section-btn completed';
                sectionButtons.chineseCompany.innerHTML = '<i class="fas fa-check mr-2"></i> 中国公司';
            }
        }
        
        // 导航到上一部分
        function goToPrevSection() {
            if (currentSection === 'chineseCompany') {
                switchSection('personal');
            } else if (currentSection === 'usCompany') {
                switchSection('chineseCompany');
            }
        }
        
        // 导航到下一部分
        function goToNextSection() {
            if (currentSection === 'personal') {
                switchSection('chineseCompany');
            } else if (currentSection === 'chineseCompany') {
                switchSection('usCompany');
            } else if (currentSection === 'usCompany') {
                // 最后一部分，提交评估
                submitAnswers();
            }
        }
        
        // 提交答案
        function submitAnswers() {
            // 保存答案到localStorage
            saveAnswers();
            
            // 跳转到结果页面
            window.location.href = 'result.html';
        }
        
        // 保存答案到localStorage
        function saveAnswers() {
            try {
                localStorage.setItem('questionnaireAnswers', JSON.stringify(answers));
            } catch (e) {
                console.error('Failed to save answers:', e);
            }
        }
        
        // 使用保存的答案更新UI
        function updateUIWithSavedAnswers() {
            // 遍历所有问题和答案
            Object.keys(answers).forEach(questionId => {
                const answer = answers[questionId];
                
                // 处理单选题
                if (typeof answer === 'string') {
                    const optionItem = document.querySelector(`[data-question="${questionId}"][data-option="${answer}"]`);
                    if (optionItem) {
                        // 触发点击事件来更新UI
                        optionItem.click();
                    }
                } 
                // 处理多选题
                else if (Array.isArray(answer)) {
                    answer.forEach(optionId => {
                        const optionItem = document.querySelector(`[data-question="${questionId}"][data-option="${optionId}"]`);
                        if (optionItem) {
                            // 触发点击事件来更新UI
                            optionItem.click();
                        }
                    });
                }
            });
        }
        
        // 初始化问卷
        document.addEventListener('DOMContentLoaded', init);
    </script>
</body>
</html>